CSS لغة تصميم صفحات الويب . <br />Cascading Style Sheets أوراق الأنماط المتتالية <br />هي اللغة التي تقوم بقولبة مستندات html و كيفية عرض عناصرها . <br />و تهدف هذه الدورة التعليمية بإذن الله إلى تعليمك الـ css من مستوى مبتدأ إلى مستوى متقدم . <br />و في هذه الدورة بإذن الله سنستعرض المئات من الأمثلة التي سوف تساعدك على فهم و إتقان هذه اللغة الممتعة و تساعدك أيضا في بناء تصاميم مواقع جذابة و مميزة . <br />و هذه السلسلة التعليمية موجهة للمهتمين بلغات برمجة و تصميم المواقع و فهم آلية عمل قوالب صفحات الويب و كيفية تموضع عناصرها و أسلوب طهورها لتلائم أغلب المستعرضات الشائعة و مختلف أنواع الأجهرة و قياسات شاشات العرض . <br />و يكمن الهدف الأساسي من هذه السلسلة التعليمية تأهيل المتابعين للتقدم إلى المنظمات التي تهتم بلغات برمجة و تصميم المواقع و الحصول على الشهادات التي تؤهلهم للعمل في هذه المجال الشيق و الممتع <br />1 - ما هو الـ CSS ؟ <br />هو مجموعة من القواعد التي تعنى بتنسيق عناصر HTML و أسلوب تموضعها في مستندات الويب و طريقة ظهور تلك العناصر في صفحات المواقع . <br />و سميت بأوراق الأنماط المتتالية لأنه تم فصل عرض و تنسيق مستندات الويب عن مستند بناء هيكل الصفحة أو الموقع و يتم الاتصال بتلك الأوراق عن طريق الوسم link في القسم head كما سنرى لاحقا بإذن الله . <br />و لقد وفرت الكثير من الوقت و الجهد حيث أنه يمكنك التحكم في تخطيط العديد من صفحات الويب دفعة واحدة دون تكبد عناء تعديل التصميم صفحة صفحة . <br />و تخزن أوراق الأنماط الخارجية على شكل ملفات بصيغة .CSS <br />2 –لماذا نستخدم الـ CSS ؟ <br />نستخدم الـ CSS للحفاظ على أنماط مواقعنا سليمة و آمنة و سهولة اكتشاف الأخطاء و تتبعها لتجمعها في ملف واحد بعيدا عن تعقيد تتبعها صفحة بصفحة كما أنها تحتوي على تصميم الموقع و التغييرات التي تطرأ على التخطيط على مختلف الأجهزة و شاشات العرض . <br />3 –CSS حل مشاكل كبيرة . <br />HTML لم تكن أبدا تهدف لاحتواء علامات تنسيق صفحات الويب , لكنها كانت تقوم بإنشاء توصيفات لمحتويات صفحات الانترنت <br />عندما كانت تضاف وسوم مثل الوسم font و سمات الألوان إلى خواص HTML 3.2 بدأ الكابوس الحقيقي لدى مطوري المواقع الكبيرة حيث كانت تضاف تنسيقات الخطوط و سمات الألوان كل صفحة لا بل كل عنصر على حدة أصبحت العملية طويلة و مكلفة جدا . <br />لحل هذه المشكلة قامت منظمة شبكة الإنترنت العالمية بإنشاء CSS حيث أن الـ CSS قامت بحذف سمات الأنماط من صفحات الـ HTML تاركتا لها فقط عملية التحكم في المحتويات . <br />4 –CSS وفرت الكثير من العمل و الجهد . <br />عادة ما يتم حفظ تعريف الأنماط في ملفات CSS خارجية . <br />و مع أي ملف أوراق نمط خارجية يمكنك تغيير مظهر أي موقع بأكمله أو صفحة أو حتى عنصر عن طريق فقط تغيير ملف واحد دون تكبد عناء تغيير كل صفحة أو عنصر لوحده . <br />و الأدوات المطلوبة لهذه الدورة التدريبية هي جهاذ كمبيوتر بالإضافة إلى أي محرر نصوص متوفر لكتابة الشيفرة البرمجية <br />و أنا أفضل استخدام برنامج expression web هو برنامج مقدم من شركة ميكروسوفت بديل لبرنامج الفرونت بيج لتصميم صفحات الويب <br />رابط تحميل برنامج expression web <br />https://www.microsoft.com/en-us/download/details.aspx?id=36179